<?php


class qa_html_theme extends qa_html_theme_base
{
    function head_css()
    {
        parent::head_css();
        $this->output('<link rel="stylesheet" type="text/css" href="' . $this->rooturl . $this->bootstrap_css() . '"/>');
        $this->output('<link rel="stylesheet" type="text/css" href="' . $this->rooturl . $this->main_css() . '"/>');
    }

    function main_css()
    {
        return "assets/css/main.css?" . QA_VERSION;
    }

    function bootstrap_css()
    {
        return "assets/css/bootstrap.css?" . QA_VERSION;
    }

    function bootstrap_script()
    {
        return "assets/js/bootstrap.js?" . QA_VERSION;
    }

    function body_content()
    {
        $this->body_prefix();
        $this->notices();

        $this->output('<div class="qa-body-wrapper">', '');

//            $this->widgets('full', 'top');
        $this->header();
        $this->page_body();
//            $this->widgets('full', 'high');
//            $this->sidepanel();
//            $this->main();
//            $this->widgets('full', 'low');
//            $this->footer();
//            $this->widgets('full', 'bottom');

        $this->output('</div> <!-- END body-wrapper -->');

        $this->body_suffix();
    }

    function header()
    {
        $this->output('<div class="qa-header">');
        $this->navbar();
        $this->navheader();
        $this->output('</div> <!-- END qa-header -->', '');
    }

    function navbar()
    {
        ?>
        <div class="navbar navbar-default navbar-fixed-top">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">Hoi Bai</a>
                </div>
                <div class="navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="#">About</a></li>
                        <li><a href="#">Test</a></li>
                    </ul>
                </div>
            </div>
        </div>
    <?
    }

    function navheader()
    {
        ?>
        <div class="container">
            <div class="page-header" id="banner">
                <div class="row">
                    <div class="col-sm-6">
                        <h1>Hỏi Bài</h1>

                        <p class="lead">HỎI ĐỂ HỌC</p>
                    </div>
                </div>
            </div>
        </div>
    <?
    }

    function page_body()
    {
        ?>
        <div class="main-content">
            <div class="container">
                <div class="row">
                     <?$this->page_nav();?>
                </div>
                <div class="row">
                    <div class="col-lg-10">
                        <?$this->main_content();?>
                    </div>
                    <div class="col-lg-2">
                        <?$this->site_panel();?>
                    </div>
                </div>

            </div>
        </div>
    <?
    }

    function page_nav()
    {
        ?>
        <div class="nav-main">
            <ul class="nav nav-tabs av-main-list">
                <li class="nav-main-item"><a href="#">Cau Hoi</a></li>
                <li class="active nav-main-item"><a href="#">Cau Hoi</a></li>
                <li class="nav-main-item"><a href="#">Cau Hoi</a></li>
            </ul>
        </div>

    <?
    }

    function main_content()
    {
        ?>
        <div class="mainbar">
            <div class="subheader"><h1>Các câu hỏi và trả lời gần đây</h1></div>
            <div class="qlist-wrapper">
                <div class="question-summary">
                    <div class="cp">
                        <div class="votes">
                            <div class="counter">0</div>
                            <div class="text">Thích</div>
                        </div>
                        <div class="status">
                            <div class="counter">5</div>
                            <div class="text">Trả lời</div>
                        </div>
                    </div>
                    <div class="summary">
                        <h3>
                            <a href="laskdklsjdf" class="question-hyperlink" title="This is test question">Câu hỏi đầu tiên</a>
                        </h3>

                        <div class="tags">
                            <a class="post-tag">toan</a>
                            <a class="post-tag">lop-6</a>
                        </div>
                        <div class="recent-update">hienpham trả lời 6 phút trước</div>
                    </div>
                </div>
            </div>
        </div>
    <?
    }
    function site_panel()
    {

    }
}
